<!--<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="/home">Ricar.do</a>
    </div>
    <ul class="nav navbar-nav">
      <li><a href="/home">Home</a></li>
      <li><a href="/register">Регистрация</a></li>
      <li><a href="/login">Вход</a></li>
    </ul>
  </div>
</nav> -->
<!-- --------------------------- -->

<!--<nav class="navbar navbar-expand-lg navbar-dark bg-dark-gray">-->

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    {% load static %}
  <img src="{% static "img/ricardo.jpg" %}" width="50"
                             height="50" alt="">
  <div class="container-xl">
    <a class="navbar-brand"  href="/home">Ricar.do</a>
    <button aria-controls="navbarsExample07XL" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbarsExample07XL" data-toggle="collapse" type="button">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarsExample07XL">
      <ul class="navbar-nav mr-auto">
        <li class="nav-item active">
          <a class="nav-link" href="/home">Главная<span class="sr-only">(current)</span></a>
        </li>
        {% if auth != True %}
        <li class="nav-item">
          <a class="nav-link" href="/register">Регистрация</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="/login">Вход</a>
        </li>
        {% else %}

        <li class="nav-item">
          <a class="nav-link" href="/User">Личный кабинет</a>
        </li>

        {% endif%}
        <li class="nav-item dropdown">
          <a aria-expanded="false" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="dropdown07XL">Настройки</a>
          <div aria-labelledby="dropdown07XL" class="dropdown-menu">
              <p>Выберете оформление:</p>
                <div class="col">
              <form action="/theme/" method="POST">
                {% csrf_token %}
                  <input CHECKED name="theme_flag" type="hidden" value="dark">
                  <input class="btn btn-dark" type="submit" value="Темная тема"></input>
              </form>
          </div>
              <div class="col mt-3">
              <form action="/theme/" method="POST">
                  {% csrf_token %}
                  <input CHECKED name="theme_flag" type="hidden" value="light">
                  <input class="btn btn-light" type="submit" value="Светлая тема"></input>
              </form>

              </div>
              <!--<a class="dropdown-item" href="#">Something else here</a>-->
          </div>
        </li>
      </ul>
      {% if auth == True %}
      <ul class="navbar-nav">
        <a class="nav-link" href="/logout">Выйти</a>
      </ul>
      {% endif %}
    </div>
  </div>

</nav>


<!-- TODO: добавить class="active", когда страница активна -->